@font-face {
  font-family: oswald;
  src: url(https://cdn.jsdelivr.net/gh/emeomo/vieu@master/webmo.woff2);
}


html, body {
  font-family: oswald,-apple-system,BlinkMacSystemFont,
  Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,
  Helvetica Neue,
  sans-serif !important;
  height: 100%;
}

.right {
  float: right;
}
.left {
  float: left;
}

/* 动画 */
@keyframes main {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes footer {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

/* 滚动条优化 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
::-webkit-scrollbar-track-piece {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  /* background-color: #ff8b18; */
  background-color: #28cfcf;
  background-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, 0.4) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.4) 50%,
      rgba(255, 255, 255, 0.4) 75%,
      transparent 75%,
      transparent);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #03c7e0;
}
::-webkit-scrollbar-corner {
  background: #535353;
}
::-webkit-scrollbar-resizer {
  background: #ff0bee;
}
